<template>
	<el-card>
	  <table-body :diaForm="form" :rules="rules" :path="path">
		<template v-slot:dialogForm>
		  <el-form-item label="班级名" prop="className" >
			  <el-input v-model="form.className" clearable></el-input>
		  </el-form-item>
		  <el-form-item label="管理员" prop="manager" >
			  <el-input v-model="form.manager" clearable></el-input>
		  </el-form-item>
		</template>
		<template v-slot:tableBody>
		  <el-table-column
			 prop="className"
			 label="班级名"
			 width="400">
		   </el-table-column>
		   <el-table-column
			  prop="manager"
			  label="管理员"
			  >
			</el-table-column>
		</template>
	  </table-body>
	</el-card>
</template>

<script>
  import tableBody from "../components/tableBody.vue"
  export default{
    components:{tableBody},
    data() {
      return {
        path:'tbclass',
        form: {
          className:'',
          manager:''
        },
        rules:{
          className:[
            { required: true, message: '请输入班级名', trigger: 'blur' },
          ],
          manager:[
            { required: true, message: '请输入管理员', trigger: 'blur' },
          ],
        },
      }
    },
  }
</script>

<style>
</style>
